// 需要JQ
var btnConfig = {
	icon:'iconfont icon-icon_btn',
	activeIcon:'iconfont icon-quxiao',
	style: 'right:30px;bottom:60px', // 自己调整页面上位置
	animation:'flipIn', // moveInTop,moveInBottom,moveInLeft,moveInRight,fadeIn,flipIn
	gravity:'top',// 方向 要改对应方向border的颜色
	theme:'just-tool-bg' // 自己写的 建议别改
}
var _list = [{
		title: '个税计算',
		icon: 'iconfont icon-dituchizi',
		url: '/wxAnnualLeave.html'
	},
	{
		title: '年假计算',
		icon: 'iconfont icon-qianbi',
		url: '/wxAnnualLeave.html'
	},
	{
		title: '加倍工资计算',
		icon: 'iconfont icon-zhinanzhen',
		url: '/wxAnnualLeave.html'
	},
	{
		title: '年假补偿计算',
		icon: 'iconfont icon-shexiangtouxianxing',
		url: '/wxAnnualLeave.html'
	}
];


function _get_html_dom() {
	var html = '<ul>';
	for (var i = 0; i < _list.length; i++) {
		html += '<li onclick="_go_url(\'' + _list[i].url + '\')"><span class="' + _list[i].icon + '"></span>' + _list[i].title +
			'</li>'
	}
	html += '</ul>';
	return html;
}

function _get_btn_dom() {
	return '<button id="_justToolBtn" class="just-tool-btn" style="'+btnConfig.style+'"><span style="color: #FFFFFF;font-size: 24px;" class="'+btnConfig.icon+'"></span></button>'
}

function _go_url(url) {
	location.href = url
}

function init() {
	$('body').append(_get_btn_dom())
	var self = $('#_justToolBtn');
	var icon = $('#_justToolBtn').find('span');
	self.flag = true;
	self.click(function() {
		if (self.flag) {
			self._tool = self.newJustTools({
				animation: btnConfig.animation,
				contents: _get_html_dom(),
				gravity: btnConfig.gravity,
				theme: btnConfig.theme,
				onClose: function(){
					self.removeClass('active');
					icon.removeClass(btnConfig.activeIcon);
					icon.addClass(btnConfig.icon);
					self._tool = null;
					self.flag = true;
				}
			});
			icon.removeClass(btnConfig.icon);
			icon.addClass(btnConfig.activeIcon);
			self.addClass('active');
		} else {
			self._tool.close()
			self.removeClass('active');
			icon.removeClass(btnConfig.activeIcon);
			icon.addClass(btnConfig.icon);
			self._tool = null;
		}
		self.flag = !self.flag
	})
	$('#tab1').on('touchstart',function(e) {
		if(!self.flag) return 
		self.removeClass('active');
		icon.removeClass(btnConfig.activeIcon);
		icon.addClass(btnConfig.icon);
		self._tool = null;
		self.flag = true;
	});
}
init();
